/**
 * React-Redux
 * 【说明】：Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行
 * 【作用】：通过集中管理的方式管理应用的状态
 *
 * 【使用步骤】：
 *          1.定义一个reducer函数（根据当前想要做的修改返回一个新的状态）
 *          2.使用createStore方法传入reducer函数生成一个store实例对象
 *          3.使用store实例的subscribe方法订阅数据的变化（数据一旦变化，可以得到通知）
 *          4.使用store实例的dispatch方法提交action对象触发数据变化（告诉reducer你想怎么改数据）
 *          5.使用store实例的getState方法获取最新的状态数据更新到视图中
 *
 * 【配套工具】：
 *          在React中使用redux，官方要求安装俩个其他插件-ReduxToolkit和react-redux
 *          1.ReduxToolkit（RTK）-官方推荐编写Redux逻辑的方式，是一套工具的集合集，简化书写方式
 *          2.react-redux-用来链接Redux和React组件的中间件
 *          安装命令：npm install @reduxjs/toolkit react-redux
 *
 * 【store目录设计】
 *          1.状态管理需要单独创建一个单独的store目录
 *          2.应用通常会有很多个子store模块，所以创建一个modules目录，在内部编写业务分类的子store
 *          3.store中的入口文件index.js的作用是组合modules中所有的子模块，并导出store
 */
import useCounterRedux from './01_Redux_获取数据'
import useSetCounterRedux from './02_Redux_修改数据'
import useEventCounterRedux from './03_Redux_参数传递'
import useGetChannelRedux from './04_Redux_异步请求'

function Redux() {
  return (
    <div>
      {useCounterRedux()}
      {useSetCounterRedux()}
      {useEventCounterRedux()}
      {useGetChannelRedux()}
    </div>
  )
}

export default Redux




